import React from 'react';
import {Image, StyleSheet, Text, View} from 'react-native';
import BasePage from "./BasePage";
import {commonStyles} from "../configs/commonStyle";
import {SafeAreaView} from "react-navigation";
import {windowWidth} from "../configs/platform";

/**
 * 系统维护
 */
class MaintainPage extends BasePage {
    constructor(props) {
        super(props);
        this.state = {}
    }

    render() {
        const info = this.props.navigation.getParam('info', null);
        Log('info', info);
        return (
            <SafeAreaView style={commonStyles.body}>
                <View style={styles.container}>
                    <Text style={[commonStyles.text_orange_20, {
                        marginTop: 60,
                        alignSelf: 'center',
                        marginBottom: 40
                    }]}>系统维护中…</Text>
                    <Image style={{width: windowWidth, height: windowWidth * 536 / 750}}
                           source={require('../images/image_bg.png')}>
                    </Image>
                    <View style={{justifyContent: 'center', alignItems: 'center'}}>
                        <Text style={[commonStyles.text_black_16, {marginTop: 40, marginBottom: 20}]}>维护时间</Text>
                        <Text style={[commonStyles.text_gray_14]}>{info}</Text>
                    </View>
                    <View style={{flex: 1}}/>
                </View>
            </SafeAreaView>
        );
    }
}


export default MaintainPage
const styles = StyleSheet.create({
    container: {
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center'
    },
});